<template>
  <div>
    <!--导航栏-->
    <Header></Header>
    <div class="title_headline">
      <h1><strong>蜂寻·Real便宜</strong>今日酒店特惠</h1>
      <h2>帮你筛选全网特价酒店</h2>
    </div>

    <div class="hotel-main" style="margin: 0 auto;">
      <!--<div class="h-title text-left">订酒店</div>-->
      <div class="clearfix date-warp" style="margin-top: -45px">
        <!--出行目的地-->
        <div class="add-travle">
          <input type="text" placeholder="出行目的地" id="_j_search_input" autocomplete="off">
          <div class="not-cont" id="_j_search_shortcut_mdds" style="display:none;position: absolute;z-index: 100"></div>
          <div class="search-suggest-panel search-suggest-hotel" style="display:none;" id="_j_search_suggest"></div>
        </div>

        <!--入住日期-->
        <div class="stay-time _j_booking_date_item text-left" id="_j_check_in_date">
          <span></span>
          <input type="text" placeholder="入住日期" readonly>
          <i></i>
        </div>

        <!--离店日期-->
        <div class="leave-time _j_booking_date_item text-left" id="_j_check_out_date">
          <span></span>
          <input type="text" placeholder="离店日期" readonly>
          <i></i>
        </div>

        <div class="hs-item hs-item-people text-left" id="_j_booking_number_guests">
          <span>人数</span>
          <i class="icon-person"></i>
        </div>
        <div class="btn-search" id="_j_search_btn"><i></i></div>

        <!--热门特价城市-->
        <div class="special_city" style="text-align: left;width: 600px;">
          <p>热门特价城市</p>
          <ul class="city-cont" id="_j_head_nav">
            <li v-for="item in list7s" :key="item.id">
              <a :href="item.images">{{item.city}}</a>
            </li>
          </ul>
        </div>
      </div>

      <!--服务专享-->
      <div class="h-notice clearfix text-left" style="margin-top: 110px">
        <ul>
          <li>
            <i class="notice01"></i>
            <div class="flt1">
              <h2>住宿攻略</h2>
              <p>区域攻略到特色主题，应有尽有</p>
            </div>
          </li>

          <li>
            <i class="notice02"></i>
            <div class="flt1">
              <h2>专享价格</h2>
              <p>多平台价格对比,天天专享特惠</p>
            </div>
          </li>

          <li>
            <i class="notice03"></i>
            <div class="flt1">
              <h2>真实点评</h2>
              <p>超过100万真实用户点评和游记</p>
            </div>
          </li>
        </ul>
      </div>

      <div class="h-theme" id="_j_features">
        <div class="h-title" style="margin-top: 50px">主题住宿</div>
        <div class="tab-theme">
          <div class="themeList clearfix _j_tab_trigger">
            <a href="javascript:;" data-id="0">设计酒店</a>
            <a href="javascript:;" data-id="1">超值酒店</a>
            <a href="javascript:;" data-id="2">私人海滩</a>
            <a href="javascript:;" data-id="3">朝拜历史</a>
            <a href="javascript:;" data-id="4">血拼购物</a>
            <a href="javascript:;" data-id="5">吃货根据地</a>
          </div>

          <div class="_j_tab_content">
            <!--1-->
            <ul class="clearfix" style="display: none" data-id="0">
              <li v-for="item1 in item1s" :key="item1.id">
                  <div class="fc-item">
                    <a :href="item1.href" target="_blank" data-type="feature">
                      <div class="pic">
                        <!--图片-->
                        <img width="318"
                             height="240"
                             style="width:318px;height:240px;"
                             :src="item1.img"
                             class="img-show"/>
                      </div>
                      <div class="bag-opa"></div>
                      <span class="shadow"></span>  <!--阴影-->
                      <!--信息-->
                      <div class="info">
                        <h2>{{item1.address1}}</h2>
                        <p class="caption">{{item1.address2}}</p>
                      </div>
                    </a>
                  </div>
                </li>
            </ul>

            <!--2-->
            <ul class="clearfix" style="display: none" data-id="1">
              <li v-for="item2 in item2s" :key="item2.id">
                <div class="fc-item">
                  <a :href="item2.href" target="_blank" data-type="feature">
                    <div class="pic">
                      <img width="318"
                           height="240"
                           style="width:318px;height:240px;"
                           :src="item2.img"
                           class="img-show"/>
                    </div>
                    <div class="bag-opa"></div>
                    <span class="shadow"></span>
                    <div class="info">
                      <h2>{{item2.address1}}</h2>
                      <p class="caption">{{item2.address2}}</p>
                    </div>
                  </a>
                </div>
              </li>
            </ul>

            <!--3-->
            <ul class="clearfix" style="display: none" data-id="2">
              <li v-for="item3 in item3s" :key="item3.id">
                <div class="fc-item">
                    <a :href="item3.href" target="_blank" data-type="feature">
                      <div class="pic">
                        <img :src="item3.img"
                        width="318"
                        height="240" class="img-show" style="width: 318px;height: 240px"/>
                      </div>
                      <div class="bag-opa"></div>
                      <span class="shadow"></span>
                      <div class="info">
                        <h2>{{item3.address1}}</h2>
                        <p class="caption">{{item3.address2}}</p>
                      </div>
                    </a>
                </div>
              </li>
            </ul>

            <!--4-->
            <ul class="clearfix" style="display: none" data-id="3">
              <li v-for="item4 in item4s" :key="item4.id">
                <div class="fc-item">
                  <a :href="item4.href" target="_blank" data-type="feature">
                    <div class="pic">
                      <img :src="item4.img" width="318" height="240"
                      class="img-show" style="width: 318px;height: 240px;"/>
                    </div>
                    <div class="bag-opa"></div>
                    <span class="shadow"></span>
                    <div class="info">
                      <h2>{{item4.address1}}</h2>
                      <p class="caption">{{item4.address2}}</p>
                    </div>
                  </a>
                </div>
              </li>
            </ul>

            <!--5-->
            <ul class="clearfix" style="display: none" data-id="4">
              <li v-for="item5 in item5s" :key="item5.id">
                <div class="fc-item">
                  <a :href="item5.href" target="_blank" data-type="feature">
                    <div class="pic">
                      <img :src="item5.img" width="318" height="240"
                           class="img-show" style="width: 318px;height: 240px;"/>
                    </div>
                    <div class="bag-opa"></div>
                    <span class="shadow"></span>
                    <div class="info">
                      <h2>{{item5.address1}}</h2>
                      <p class="caption">{{item5.address2}}</p>
                    </div>
                  </a>
                </div>
              </li>
            </ul>

            <!--6-->
            <ul class="clearfix" style="display: none" data-id="5">
              <li v-for="item6 in item6s" :key="item6.id">
                <div class="fc-item">
                  <a :href="item6.href" target="_blank" data-type="feature">
                    <div class="pic">
                      <img :src="item6.img" width="318" height="240"
                           class="img-show" style="width: 318px;height: 240px;"/>
                    </div>
                    <div class="bag-opa"></div>
                    <span class="shadow"></span>
                    <div class="info">
                      <h2>{{item6.address1}}</h2>
                      <p class="caption">{{item6.address2}}</p>
                    </div>
                  </a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>

      <!--特价酒店-->
      <div class="h-favorablle" id="_j_sales">
        <div class="h-title">特价酒店</div>
        <div class="tab-fav">
          <div class="favList clearfix _j_tab_trigger">
            <a href="javascript:;" data-id="0" class="on">曼谷</a>
            <a href="javascript:;" data-id="1">台北</a>
            <a href="javascript:;" data-id="2">东京</a>
            <a href="javascript:;" data-id="3">香港</a>
            <a href="javascript:;" data-id="4">首尔</a>
            <a href="javascript:;" data-id="5">新加坡</a>
          </div>
          <div class="tab-con _j_tab_content">
            <!--1-->
            <ul class="clearfix" style="display: block" data-id="0">
              <li v-for="list1 in list1s" :key="list1.id">
                <a href="#">
                  <div class="pic">
                    <img :src="list1.img" class="img-show"/>
                  </div>
                  <div class="bag-opa"></div>
                  <div class="fraction">{{list1.num}}分</div>
                  <div class="info">
                    <div class="prize"></div>
                    <p class="text-left">{{list1.title1}}</p>
                    <p class="eng text-left">{{list1.title2}}</p>
                  </div>
                </a>
              </li>
            </ul>

            <!--2-->
            <ul class="clearfix" style="display: none" data-id="1">
              <li v-for="list2 in list2s" :key="list2.id">
                <a href="#">
                  <div class="pic">
                    <img :src="list2.img" class="img-show"/>
                  </div>
                  <div class="bag-opa"></div>
                  <div class="fraction">{{list2.num}}分</div>
                  <div class="info">
                    <div class="prize"></div>
                    <p class="text-left">{{list2.title1}}</p>
                    <p class="eng text-left">{{list2.title2}}</p>
                  </div>
                </a>
              </li>
            </ul>

            <!--3-->
            <ul class="clearfix" style="display: none" data-id="2">
              <li v-for="list3 in list3s" :key="list3.id">
                <a href="#">
                  <div class="pic">
                    <img :src="list3.img" class="img-show"/>
                  </div>
                  <div class="bag-opa"></div>
                  <div class="fraction">{{list3.num}}分</div>
                  <div class="info">
                    <div class="prize"></div>
                    <p class="text-left">{{list3.title1}}</p>
                    <p class="eng text-left">{{list3.title2}}</p>
                  </div>
                </a>
              </li>
            </ul>

            <!--4-->
            <ul class="clearfix" style="display: none" data-id="3">
              <li v-for="list4 in list4s" :key="list4.id">
                <a href="#">
                  <div class="pic">
                    <img :src="list4.img" class="img-show"/>
                  </div>
                  <div class="bag-opa"></div>
                  <div class="fraction">{{list4.num}}分</div>
                  <div class="info">
                    <div class="prize"></div>
                    <p class="text-left">{{list4.title1}}</p>
                    <p class="eng text-left">{{list4.title2}}</p>
                  </div>
                </a>
              </li>
            </ul>

            <!--5-->
            <ul class="clearfix" style="display: none" data-id="4">
              <li v-for="list5 in list5s" :key="list5.id">
                <a href="#">
                  <div class="pic">
                    <img :src="list5.img" class="img-show"/>
                  </div>
                  <div class="bag-opa"></div>
                  <div class="fraction">{{list5.num}}分</div>
                  <div class="info">
                    <div class="prize"></div>
                    <p class="text-left">{{list5.title1}}</p>
                    <p class="eng text-left">{{list5.title2}}</p>
                  </div>
                </a>
              </li>
            </ul>

            <!--6-->
            <ul class="clearfix" style="display: none" data-id="5">
              <li v-for="list6 in list6s" :key="list6.id">
                <a href="#">
                  <div class="pic">
                    <img :src="list6.img" class="img-show"/>
                  </div>
                  <div class="bag-opa"></div>
                  <div class="fraction">{{list6.num}}分</div>
                  <div class="info">
                    <div class="prize"></div>
                    <p class="text-left">{{list6.title1}}</p>
                    <p class="eng text-left">{{list6.title2}}</p>
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>

    </div>
    <!--广告浮标-->
    <Drogue></Drogue>
    <!--右侧工具栏-->
    <Toolbar></Toolbar>
    <!--广告二维码-->
    <Advertising></Advertising>
    <!--底部-->
    <Footer class="footer"></Footer>
  </div>

</template>

<script>
import Header from "@/components/index/Header.vue";
import Footer from "@/components/index/Footer.vue";
import Toolbar from "@/components/Toolbar/Toolbar.vue";
import Drogue from "@/components/Toolbar/Drogue.vue";
import Advertising from "@/components/Toolbar/Advertising.vue";
import imgc1 from "../../assets/hotel-images/c1.jpeg";
import imgc2 from "../../assets/hotel-images/c2.jpeg";
import imgc3 from "../../assets/hotel-images/c3.jpeg";
import imgc4 from "../../assets/hotel-images/c4.jpeg";
import imgc5 from "../../assets/hotel-images/c5.jpeg";
import imgc6 from "../../assets/hotel-images/c6.jpeg";
export default {
  components: {
    Header,
    Toolbar,
    Drogue,
    Advertising,
    Footer
  },
  data() {
    return {
      value1: "",
      activeName: "first",
      activeName2: "1",
      item1s: [
        {
          href: "#",
          img: "https://p1-q.mafengwo.net/s10/M00/5E/7B/wKgBZ1mC9HaAK_QIAAh1pr4J_V417.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "上海",
          address2: "中国"
        },
        {
          href: "#",
          img: "https://n1-q.mafengwo.net/s10/M00/5E/7E/wKgBZ1mC9HaABtPUAAGkiLZDPvE93.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "首尔",
          address2: "韩国"
        },
        {
          href: "#",
          img: "https://b1-q.mafengwo.net/s8/M00/FD/1D/wKgBpVVh6AOAXou1AAksecaTBmQ33.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "哥本哈根",
          address2: "丹麦"
        },
        {
          href: "#",
          img: "https://n1-q.mafengwo.net/s10/M00/5E/7D/wKgBZ1mC9HaAUCFKAAD-v3b-Siw60.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "纽约",
          address2: "美国"
        },
        {
          href: "#",
          img: "https://b1-q.mafengwo.net/s10/M00/5E/7D/wKgBZ1mC9HaANhXIAAFReiDnvuk12.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "柏林",
          address2: "德国"
        },
        {
          href: "#",
          img: "https://n1-q.mafengwo.net/s10/M00/5E/7C/wKgBZ1mC9HaAeSahAAEgn-2DSzU59.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "台中",
          address2: "中国"
        }
      ],
      item2s: [
        {
          href: "#",
          img: "https://n1-q.mafengwo.net/s10/M00/5E/78/wKgBZ1mC9HWAbTMdAADNqTBp4GM25.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "塞班岛",
          address2: "美国"
        },
        {
          href: "#",
          img: "https://n1-q.mafengwo.net/s10/M00/5E/7B/wKgBZ1mC9HaACEOcAAH5DnGoh5g52.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "香港",
          address2: "中国"
        },
        {
          href: "#",
          img: "https://p1-q.mafengwo.net/s10/M00/5E/79/wKgBZ1mC9HWAVdYoAADp1HMpUFg70.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "巴黎",
          address2: "法国"
        },
        { href: "#",
          img: "https://n1-q.mafengwo.net/s10/M00/5E/7A/wKgBZ1mC9HWAYdUuAAH_rq3CGXg48.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "纽约",
          address2: "美国"
        },
        { href: "#",
          img: "https://b1-q.mafengwo.net/s10/M00/5E/77/wKgBZ1mC9HWAD_AVAAFcnsJmPEs01.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "东京",
          address2: "日本"
        },
        { href: "#",
          img: "https://b1-q.mafengwo.net/s10/M00/5E/7A/wKgBZ1mC9HWAOHkPAAGO762PFwQ56.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "新加坡",
          address2: "新加坡"
        }
      ],
      item3s: [
        {
          href: "#",
          img: "https://p1-q.mafengwo.net/s10/M00/5E/81/wKgBZ1mC9HeAAAMYAAG6ogNAjvE92.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "长滩岛",
          address2: "菲律宾"
        },
        {
          href: "#",
          img: "https://b1-q.mafengwo.net/s10/M00/5E/80/wKgBZ1mC9HaAA1PmAAE2QpzDXfo76.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "苏梅岛",
          address2: "泰国"
        },
        {
          href: "#",
          img: "https://p1-q.mafengwo.net/s10/M00/5E/80/wKgBZ1mC9HaABseWAAElKZXJPLE00.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "芽庄",
          address2: "越南"
        },
        {
          href: "#",
          img: "https://b1-q.mafengwo.net/s10/M00/5E/7F/wKgBZ1mC9HaAXe6dAACrD7Bl2Es35.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "兰卡威",
          address2: "马来西亚"
        },
        {
          href: "#",
          img: "https://b1-q.mafengwo.net/s9/M00/3B/FB/wKgBs1dW1xCAXjP5ABii081RqTo85.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "岘港",
          address2: "承德"
        },
        {
          href: "#",
          img: "https://p1-q.mafengwo.net/s10/M00/5E/7E/wKgBZ1mC9HaAdZD9AARDuy-_cUg63.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "三亚",
          address2: "海南"
        }
      ],
      item4s: [
        {
          href: "#",
          img: "https://p1-q.mafengwo.net/s9/M00/36/99/wKgBs1dL9YaAAYFtAAKJWRdj1Jc42.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "暹粒吴哥窟",
          address2: "柬埔寨"
        },
        {
          href: "#",
          img: "https://b1-q.mafengwo.net/s9/M00/36/97/wKgBs1dL9YWAOyWHAAnSy3jE73o54.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "耶路撒冷",
          address2: "以色列"
        },
        {
          href: "#",
          img: "https://p1-q.mafengwo.net/s9/M00/36/98/wKgBs1dL9YaAUTPvAAIBjYQZJSo48.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "阿格拉",
          address2: "印度"
        },
        { href: "#",
          img: "https://n1-q.mafengwo.net/s9/M00/36/98/wKgBs1dL9YaAO1apADncAXUNkdQ03.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "开罗",
          address2: "埃及"
        },
        { href: "#",
          img: "https://b1-q.mafengwo.net/s9/M00/36/97/wKgBs1dL9YWAB558AASy_6bJG7s49.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "雅典卫城山",
          address2: "希腊"
        },
        { href: "#",
          img: "https://b1-q.mafengwo.net/s9/M00/36/98/wKgBs1dL9YaAbtjTAAqwm34stUU35.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "罗马",
          address2: "意大利"
        }
      ],
      item5s: [
        {
          href: "#",
          img: "https://b1-q.mafengwo.net/s8/M00/AD/BE/wKgBpVYXfeuAfkhfAAzONnUZ0Pc89.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "香港中环",
          address2: "中国"
        },
        { href: "#",
          img: "https://p1-q.mafengwo.net/s9/M00/36/5F/wKgBs1dL9R2ACK7IABL2hOd1kAk97.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "台北西门町",
          address2: "中国"
        },
        { href: "#",
          img: "https://n1-q.mafengwo.net/s9/M00/36/5F/wKgBs1dL9R2AS1S7AAl_8htM64Y62.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "首尔明洞",
          address2: "韩国"
        },
        { href: "#",
          img: "https://b1-q.mafengwo.net/s9/M00/36/60/wKgBs1dL9R6AU7DSABr_oYaRnD890.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "北京三里屯",
          address2: "中国"
        },
        {
          href: "#",
          img: "https://b1-q.mafengwo.net/s9/M00/36/5F/wKgBs1dL9R2AVPz9AA8FFPW3efQ33.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "东京涉谷",
          address2: "日本"
        },
        {
          href: "#",
          img: "https://p1-q.mafengwo.net/s9/M00/36/5F/wKgBs1dL9R2AU7yoAAvUqnJ2hYI09.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90",
          address1: "伦敦SOHO区",
          address2: "英国"
        }
      ],
      item6s: [
        {
          href: "/hotel/HotelOne",
          img: imgc1,
          address1: "成都",
          address2: "四川"
        },
        {
          href: "/hotel/HotelTwo",
          img: imgc2,
          address1: "西安",
          address2: "陕西"
        },
        {
          href: "/hotel/HotelThree",
          img: imgc3,
          address1: "重庆",
          address2: "重庆"
        },
        { href: "#", img: imgc4, address1: "长沙", address2: "湖南" },
        { href: "#", img: imgc5, address1: "澳门", address2: "澳门" },
        { href: "#", img: imgc6, address1: "兰州", address2: "甘肃" }
      ],
      list1s: [
        {
          img:
            "http://n1-q.mafengwo.net/s11/M00/97/56/wKgBEFsjNU6ADk6NAAIXJnPqJIM73.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.4",
          title1: "曼谷威客3号酒店（原曼谷胜利纪念碑全季酒店）",
          title2: "Vic3 Bangkok"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s11/M00/7D/D8/wKgBEFsY872AdeVPAAIR_MMohbg08.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.8",
          title1: "穰南帝景酒店",
          title2: "Royal View Resort - Rang Nam"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s7/M00/3F/78/wKgB6lR0t0iAfpAdAANZ56tPKao53.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.4",
          title1: "璀璨专享服务公寓",
          title2: "Abloom Exclusive Serviced Apartments"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s10/M00/DE/AC/wKgBZ1mINF6ADiZKAAMQRMi1Wy411.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.7",
          title1: "曼谷暹罗安纳塔拉酒店",
          title2: "Anantara Siam Bangkok Hotel"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s9/M00/1E/47/wKgBs1hJJ1OANkS8AAevVMGRJoE36.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "7.7",
          title1: "彩虹云霄酒店",
          title2: "Baiyoke Sky Hotel"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s10/M00/B2/49/wKgBZ1nvaZGAR7RKAAKXZ1MPtvU52.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.7",
          title1: "曼谷利特酒店",
          title2: "LiT BANGKOK Hotel"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s11/M00/22/75/wKgBEFsg2XmAG8zXAF50lnItD1A79.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.3",
          title1: "暹罗四季酒店",
          title2: "Seasons Siam Hotel"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s6/M00/93/D3/wKgB4lMDU3iAMLEGAAJejjVcGGU69.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.1",
          title1: "曼谷廊曼机场阿玛瑞酒店",
          title2: "Amari Don Muang Airport Bangkok"
        }
      ],
      list2s: [
        {
          img:
            "http://b1-q.mafengwo.net/s8/M00/2F/B7/wKgBpVVdFUaAbWTfAADg6E338DI93.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.5",
          title1: "台北凯撒大饭店",
          title2: "Vic3 Caesar Park Hotel Taipei"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s10/M00/62/AF/wKgBZ1n27yCALeTjAAHbXAuSYEc29.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.4",
          title1: "台北大师商旅",
          title2: "Master Hotel"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s10/M00/87/E0/wKgBZ1mMhHWAA2RDAArXrdKFAhw93.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.4",
          title1: "台北帅客旅店",
          title2: "Saual Keh Hotel"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s10/M00/5A/13/wKgBZ1n25jOAOLTQAAPmEiuCYc439.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "9.0",
          title1: "台北君品酒店",
          title2: "Palais de Chine Hotel"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s6/M00/C6/FB/wKgB4lMYBBSADTDLAAHznk7MmSU50.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.5",
          title1: "台北二十轮旅店西门町馆",
          title2: "SWIIO Hotel Ximending"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s7/M00/2A/F7/wKgB6lR0oqiAZZzfAAGCjyiijks07.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.3",
          title1: "台北皇家季节酒店-南西馆",
          title2: "Royal Seasons Hotel Taipei Nanjing W"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s10/M00/75/7D/wKgBZ1mMpLCAbRdZAADLhfZ9gLg25.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "7.8",
          title1: "台北一乐园大饭店",
          title2: "Onetel Taipei"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s10/M00/D3/03/wKgBZ1mMjmSAAskfAAGmCRARpeU19.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "7.7",
          title1: "台北王朝大酒店",
          title2: "Sunworld Dynasty Hotel Taipei"
        }
      ],
      list3s: [
        {
          img:
            "http://n1-q.mafengwo.net/s12/M00/12/A0/wKgED1vqhMyASzdPAAU_YEqcstw00.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.4",
          title1: "东京湾希尔顿酒店",
          title2: "Hilton Tokyo Bay"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s11/M00/4B/44/wKgBEFs8PuuAIum3ABSNvuw3sLk44.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.6",
          title1: "东京京王广场酒店",
          title2: "Keio Plaza Hotel Tokyo"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s7/M00/F9/17/wKgB6lR0gkmAMrY3AAEyTu8Pk9873.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.4",
          title1: "日晖新宿酒店",
          title2: "Hotel Sunlite Shinjuku"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s7/M00/8D/9B/wKgB6lR1KVOAWyObAAJkMc8GP4k55.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.5",
          title1: "东京湾喜来登大酒店",
          title2: "Sheraton Grande Tokyo Bay Hotel"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s6/M00/9D/00/wKgB4lMOLh-ACrryAAGLga3xZes52.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.4",
          title1: "东新宿E酒店",
          title2: "E Hotel Higashi Shinjuku"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s9/M00/D3/43/wKgBs1aKTiiAc-LDAAGR5PqxWak08.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.8",
          title1: "馨乐庭中央东京新宿区酒店",
          title2: "Citadines Central Shinjuku Tokyo"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s11/M00/FF/7B/wKgBEFq7eaOAVLnsAAEyFcMydlA54.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.2",
          title1: "东京新宿馨乐庭酒店",
          title2: "Citadines Shinjuku Tokyo"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s10/M00/BB/3D/wKgBZ1mIciOAOp5cAAFnbGyc7wY43.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "9.0",
          title1: "新宿灿路都广场大饭店",
          title2: "Hotel Sunroute Plaza Shinjuku"
        }
      ],
      list4s: [
        {
          img:
            "http://n1-q.mafengwo.net/s11/M00/85/AC/wKgBEFsjKzSAebR0AAlBxLIIJy805.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.9",
          title1: "迪士尼好莱坞酒店",
          title2: "Disney's Hollywood Hotel"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s11/M00/F1/98/wKgBEFuGPJeANF7GACoinAy2U-I20.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.8",
          title1: "香港迪士尼乐园酒店",
          title2: "Hong Kong Disneyland Hotel"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s6/M00/F1/EB/wKgB4lMQIXSAeIzHAAFHkc2g-wI33.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.5",
          title1: "香港憙酒店",
          title2: "Xi Hotel"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s2/M00/0C/61/wKgBpU42hhbH2j-2AAHiXRKD6Ts40.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "6.4",
          title1: "香港英格兰豪华客栈",
          title2: "UK Hostel"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s10/M00/CB/56/wKgBZ1mIMTqAP-DoAAHuhx7bH9M15.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.5",
          title1: "香港珀丽酒店",
          title2: "Rosedale Hotel Hong Kong"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s6/M00/E4/EB/wKgB4lMYGh-AEjAqAACcymmkrLQ77.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "7.7",
          title1: "红茶馆酒店-土瓜湾邮轮码头店",
          title2: "Bridal Tea House To Kwa Wan Cruise Terminal Hotel"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s6/M00/44/54/wKgB4lMOCWaAdgfuAAFsA5qjRjQ41.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.5",
          title1: "J Plus精品酒店",
          title2: "J Plus Hotel by YOO"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s7/M00/CC/B9/wKgB6lRzHXuAf04rAAG4uw43hLA66.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.5",
          title1: "香港Casa酒店",
          title2: "Casa Hotel"
        }
      ],
      list5s: [
        {
          img:
            "http://p1-q.mafengwo.net/s9/M00/41/B6/wKgBs1Zv7XWAc79kAAIzMeLYaXc67.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "9.0",
          title1: "中央明洞空中公園酒店",
          title2: "Hotel Skypark Central Myeongdong"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s12/M00/AB/0A/wKgED1ukoPSAWLytABCX-6-8X0A72.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.1",
          title1: "明洞韦斯廷居住酒店",
          title2: "Vestin Residence Myeongdong"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s10/M00/C7/50/wKgBZ1mMjKOAUUMqAAHcxPQNWeg96.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.8",
          title1: "空中花园酒店明洞1号店",
          title2: "Hotel Skypark Myeongdong 1"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s10/M00/B0/A4/wKgBZ1ngelyADHJxAAMwDwj0Q2o71.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.7",
          title1: "天空花园酒店东大门1号店",
          title2: "Hotel Skypark Dongdaemun I"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s10/M00/C4/05/wKgBZ1onZr6APWVDAAGb4QRKL3809.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.8",
          title1: "首尔东大门大使宜必思快捷酒店",
          title2: "ibis Budget Ambassador Seoul Dongdaemun"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s10/M00/72/96/wKgBZ1mIpiSAcRypAAJznF3r1pw22.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.7",
          title1: "宜必思仁寺洞大使酒店",
          title2: "ibis Ambassador Insadong"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s10/M00/05/DF/wKgBZ1n8M9aAa7NCAAj_s7HNmPc28.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.8",
          title1: "太平洋酒店",
          title2: "Pacific Hotel"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s10/M00/D3/5E/wKgBZ1mIjUaADUfhAAILSJ5dVy467.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.8",
          title1: "首尔大使铂尔曼酒店",
          title2: "Grand Ambassador Seoul associated with Pullman"
        }
      ],
      list6s: [
        {
          img:
            "http://b1-q.mafengwo.net/s11/M00/C8/BA/wKgBEFspGeuANDAHAALdVhlP6tM95.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.6",
          title1: "新加坡港湾彩鸿酒店",
          title2: "Travelodge Harbourfront Singapore"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s11/M00/99/F2/wKgBEFt2MyOAMIxMAAHUpWQ4bGg00.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.2",
          title1: "新加坡滨海湾金沙酒店",
          title2: "Marina Bay Sands"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s12/M00/F0/F4/wKgED1upjeKACHbQAAWA6Wrl0o086.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.2",
          title1: "客莱福 33 惹兰苏丹酒店",
          title2: "Hotel Clover 33 Jalan Sultan"
        },
        {
          img:
            "http://n1-q.mafengwo.net/s10/M00/9F/A2/wKgBZ1mVHxCAUVxiAAGoHXo59oQ64.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.6",
          title1: "新加坡克拉码头智选假日酒店",
          title2: "Holiday Inn Express Singapore Clarke Quay"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s9/M00/C1/C9/wKgBs1aAKnWAU-6_AAEMxfUuTi406.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.4",
          title1: "飞龙玫瑰酒店",
          title2: "Fragrance Hotel - Rose"
        },
        {
          img:
            "http://b1-q.mafengwo.net/s9/M00/BC/7F/wKgBs1c0P9uAfBSuAAHfFXiBKg883.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.6",
          title1: "新加坡宜必思快捷店-西海岸",
          title2: "Ibis Budget Singapore West Coast"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s12/M00/BB/93/wKgED1uM2viABNk3AAMifUjf8Gw05.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.6",
          title1: "新加坡香格里拉圣淘沙度假村",
          title2: "Shangri-La's Rasa Sentosa Resort & Spa (SG Clean)"
        },
        {
          img:
            "http://p1-q.mafengwo.net/s11/M00/5F/9A/wKgBEFsH3HiAPDkvAAHcjuXYm0w69.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90",
          num: "8.5",
          title1: "新加坡丽思卡尔顿美年酒店",
          title2: "The Ritz-Carlton, Millenia Singapore"
        }
      ],
      /*热门城市*/
      list7s:[
        {
          images: "#",
          city: "香港"
        },
        {
          images: "#",
          city: "京都"
        },
        {
          images: "#",
          city: "曼谷"
        },
        {
          images: "#",
          city: "巴黎"
        },
        {
          images: "#",
          city: "纽约"
        },
        {
          images: "#",
          city: "大阪"
        },
        {
          images: "#",
          city: "伦敦"
        },
        {
          images: "#",
          city: "旧金山"
        }
      ]
    };
  },
  mounted() {
    this.toolbar();
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
    toolbar(){
      //eslint-disable-next-line no-undef
      if(typeof M !== "undefined" && typeof M.loadResource === "function") {
        // eslint-disable-next-line no-undef
        M.loadResource("https://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+M+module+PageAdmin:js+M+module+Storage:js+M+module+Cookie:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad:js+plugins+dynamics:js+hotel+module+Log:js+hotel+module+Search_v2:js+xdate:js+hotel+module+FestivalDateConfig:js+jquery-ui-core:js+jquery-ui-datepicker:js+hotel+module+DateRangePicker:js+hotel+module+ModuleProvider:js+hotel+module+BookingDate:js+hotel+module+BookingGuests:js+hotel+module+NumberGuestsPicker:js+hotel+module+ImageLoader:js+hotel+index_v5:js+hotel+pc_app_guide^alxV^1577348452.js");
      }
    }
  }
};
</script>


<style scoped>
  /*--------------------------------------------------------*/
  ._j_tab_content img {
    opacity: 0;
    -webkit-transition: opacity ease-in 1s;
    -moz-transition: opacity ease-in 1s;
    transition: opacity ease-in 1s;
  }

  ._j_tab_content .img-show {
    opacity: 1;
  }

  .hotel-new-icon {
    position: absolute;
    display: block;
    width: 238px;
    height: 210px;
    bottom: -1px;
    left: 5px;
    z-index: -1;
    background-image: url('http://css.mafengwo.net/images/hotel/new-customer-icon.gif');
    background-size: 100% 100%;
  }

  .hotel-new-icon:hover {
    z-index: 0;
    background-image: url('http://css.mafengwo.net/images/hotel/new-customer-hover-icon.png');
  }

  .hotel-new-icon .close {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    right: 0;
    bottom: 83px;
    border-radius: 50%;
  }

  .toolbar-item-top,
  .toolbar-item-feedback,
  .toolbar-item-code {
    padding-left: 40px;
  }

  /*--------------------------------------------------------*/
  .text-left{
    text-align: left;
  }

  .title_headline{
    padding-top: 70px;
    padding-bottom: 27px;
    text-align: center;
  }

  .title_headline h1{
    display: inline-block;
    font-size: 30px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: #000;
    line-height: 42px;
  }

  .title_headline h1 strong{
    color: #704dff;
    text-shadow: 0 6px 20px rgba(255, 157, 0, 0.2);  /*阴影*/
    position: relative;
    background:linear-gradient(270deg, #ff9d00, #ffcd02);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
  }

  .title_headline h2{
    padding-top: 9px;
    font-size: 18px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0,0,0,.6);
  }

  /*热门特价城市*/
  .special_city {
    padding-top: 16px
  }

  .special_city p {
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: #000;
    line-height: 22px;
    position: relative;
    top: 14px;
  }

  .city-cont{
    position: relative;
    z-index: 5;
    display:inline;
    padding: 0 10px 0 25px;
    /*line-height: 68px;*/
    font-size: 16px;
    color: #333;
    top: 107px;
    left: 120px;
  }

  .city-cont li{
    float: left;
    position: relative;
    top: -114px;
    left: -20px;
  }

  .city-cont li a{
    display: inline-block;
    padding: 0 16px;
    color: #b0b0b0;
    vertical-align: top;      /*垂直对齐*/
    overflow: hidden;
    text-decoration: none;
    font-weight: lighter;
  }

</style>
